<div class="discover-menu">
    <div class="attention" (mouseover)="showAttention = true" (mouseout)="showAttention = false">
        <span nz-icon="heart">我的关注</span>
        <ul [ngStyle]="{'height': showAttention ? '100px' : 0}">
            <li *ngFor="let item of attention">{{item.name}}</li>
        </ul>
    </div>

    <ul nz-menu nzMode="inline">
        <li nz-submenu nzTitle="我的关注" nzIcon="heart">
            <ul>
                <li nz-menu-item>heart 1</li>
                <li nz-menu-item>heart 2</li>
            </ul>
        </li>
        <li nz-submenu nzTitle="排行榜" nzIcon="star">

        </li>
        <li nz-submenu nzTitle="中心" nzIcon="play-circle">

        </li>
    </ul>
</div>